<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2引入常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 5引入当前页CSS -->
		<link rel="stylesheet" href="../css/login.css" />
	</head>
	<body>
		<section>
			<!-- 左边图片区 -->
			<div class="left"></div>
			<!-- 右边登陆区 -->
			<div class="right">
				<div id="mask">
					<img src="../imgs/loginlogo.png" alt="" />
					<p class="link">
						<a href="#" class="active">账号登录</a>
						<a href="#">扫码登录</a>
					</p>
					<div class="inp">
						<p>
							<i></i>
							<input type="text" value="用户名/手机号/邮箱">
						</p>
						<p>
							<i></i>
							<input type="text" value="密码">
						</p>
						<a href="#" class="forget">忘记密码</a>
						<a href="#" class="login">登录</a>
					</div>
					<div class="inp">
						<div>
							<img src="../imgs/103-demo.png" alt="" class="imgs">
							<i>微信扫码登录</i>
							<i>关注源码科技公众号，请先关注在登陆</i>
						</div>
					</div>
					<p class="text">还没有账号，<a href="#">立即注册<span>&gt;</span></p>
				</div>
			</div>
		</section>
		<script src="../js/util.js"></script>
		<script src="../js/canvas-particle.js"></script>
		<script src="../js/login.js"></script>
	</body>
</html>
